<template>
  <el-dialog :title="title" :visible.sync="dialogTableVisible" width="1400px">
    <el-table :data="tableData" height="400">
      <el-table-column prop="custId" label="客户编号" width="120"></el-table-column>
      <el-table-column prop="custName" label="客户名称"></el-table-column>
      <el-table-column prop="prodId" label="产品编号" width="160">
        <template slot-scope="scope">{{scope.row.prodType}}{{scope.row.prodId}}</template>
      </el-table-column>
      <el-table-column prop="prodName" label="产品名称" width="180"></el-table-column>
      <el-table-column prop="price" label="单价" width="80"></el-table-column>
      <el-table-column prop="startDate" label="生效时间" width="120"></el-table-column>
      <el-table-column prop="endDate" label="失效时间" width="120"></el-table-column>
      <el-table-column prop="updateTime" label="更新时间" width="180"></el-table-column>
      <el-table-column prop="deleted" label="状态" width="100">
        <template slot-scope="scope">
          {{ scope.row.deleted === 1 ? '已删除' : '当前使用' }}
        </template>
      </el-table-column>
    </el-table>
  </el-dialog>
</template>

<script>
export default {
  data () {
    return {
      CREDIT_TYPE: {
        '1': '重量',
        '2': '金额',
        '3': '包装数量'
      },
      tableData: [],
      title: '',
      dialogTableVisible: false
    }
  }
}
</script>

<style>
</style>